import Vue from 'vue'
import Vuex from 'vuex'
// import axios from "axios"
Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    keywordLsit: ["电脑办公", "手机数码", "运动户外", "女鞋", "女装内衣", "女装", "化妆包", "化妆品", "电脑办公"],  //用来放情求获取到的全部数据
    kewshow: [],  //放输入时中的关键字
    kewSave: JSON.parse(localStorage.getItem('namesve')) || [], //保存数据
  },
  mutations: {
    KEYWORD_LIST(state, items) {
      state.keywordLsit = items
    },
    KWSHOW(state, key) {
      // console.log(key);
      state.kewshow = [];
      state.keywordLsit.forEach((ele) => {
        // console.log(ele)
        if (ele.includes(key)) {
          state.kewshow.push(ele)
          // console.log(ele)
        }
      })
      localStorage.setItem('namesve',JSON.stringify(state.kewSave))
    },
    KEWSAVE(state, key) {
      var index = state.kewSave.findIndex((ele) => {
        return ele === key
      })
      //  如果拆分删除
      if (index != -1) {
        state.kewSave.splice(index, 1)
      }
      state.kewSave.unshift(key)
      if (state.kewSave.length > 5) {
        state.kewSave.pop()
      }
    }
  },
  actions: {
    // 获取全部数据
    // KEYWORD_LIST(context,key){
    //   context.commit('KEYWORD_LIST',key)
    //   // axios.get('./keyword.json').then((res)=>{
    //   //   console.log(res.data.result);
    //   //   context.commit('KEYWORD_LIST',res.data.result)
    //   // }).catch((err)=>{
    //   //   console.log(err);
    //   // })
    // },
    KWSHOW(context, key) {
      context.commit('KWSHOW', key)
    },
    KEWSAVE(context, key) {
      context.commit('KEWSAVE', key)
    }
  },
  modules: {
  }
})
